@media(max-width: 4000px) {
    .post-box{
    
        background-color: #ffffff;
        padding: 20px;
        border-radius: 10px;
        margin: 10px;
        width: 44%;
    }
    }
    @media(max-width: 1900px) {
    .post-box {
        background-color: #ffffff;
        padding: 20px;
        border-radius: 10px;
        margin: 10px;
        width: 80%;
    }
    }
    .summary {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* 设置行数为3 */
        overflow: hidden;
        text-overflow: ellipsis;
        color: #a0a0a0;
        font-family: "Source Sans Pro","Hiragino Sans GB","Microsoft Yahei",SimSun,Helvetica,Arial,Sans-serif,monospace;
        font-size: 15px;
        /* padding: 10px 0 0 10px; */
    }
    
    h3 {
        font-family: "Source Sans Pro","Hiragino Sans GB","Microsoft Yahei",SimSun,Helvetica,Arial,Sans-serif,monospace;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.42857143;
        margin: 0;
        padding-bottom: 7px;
    }
    
    .messagebox {
        margin-top: 15px;
        padding: 5px;
        background-color: #fafafa;
        display: flex;
        font-family: "Source Sans Pro","Hiragino Sans GB","Microsoft Yahei",SimSun,Helvetica,Arial,Sans-serif,monospace;
        font-size: 15px;
        color: #a0a0a0;
        align-items: center;    
    }
    
    .messagebox-item {
        margin-right: 10px;
    }
    .messagebox-icon {
        margin-right: 5px;
    }